$(document).ready(function() {
    $(".left-btn .btn-item").click(function() {
        $(".left-btn .btn-item").eq($(this).index()).addClass("active").siblings().removeClass('active');
        // $(".detail-content").hide().$(".evaluate-box").show();
        //另一种方法: $("div").eq($(".tab li").index(this)).addClass("on").siblings().removeClass('on'); 

    });


    $(".left-btn .btn-item").eq(3).click(function() {
        $(".detail-content").hide();
        $(".evaluate-box").show();
    })
    for (let i = 0; i < 3; i++) {
        $(".left-btn .btn-item").eq(i).click(function() {
            $(".detail-content").show();
            $(".evaluate-box").hide();
        })
    }

});





$(function() {
    let url = location.href;
    let index = url.indexOf("00");
    let shopId = url.substring(index, +index + 4);
    console.log(typeof(shopId))

    $.get("../goodsAndShoppingCart/getGoodsInfo.php", "goodsId=" + shopId, function(data) {
            console.log(JSON.parse(data));
            let res = JSON.parse(data);
            console.log(res)
            $(".navigation-text span").html(res.beiyong1)
            $(".gname").html(res.goodsName)
            $(".gdesc").html(res.beiyong4)
            $(".price .text-2").html(res.goodsPrice)
            $(".old-price .text-1").html(res.beiyong2)
            $(".old-price .text-2").html(res.beiyong3)
            $(".num .text-2").html(res.beiyong5)
                // 大图
            $(".bigbox img").attr("src", res.goodsImg)
                // console.log($(".goods-list-img .img-box").eq(2).html())
            $(".img-box .img1").attr("src", res.beiyong7);
            $(".img-box .img2").attr("src", res.beiyong8);
            $(".img-box .img3").attr("src", res.beiyong9);
            $(".img-box .img4").attr("src", res.beiyong10);
            $(".img-box .img5").attr("src", res.beiyong11);
            $(".showlarge img").attr("src", res.beiyong12);
            if (res.beiyong7 == "") {
                $(".img1").css({
                    "display": "none"
                })
            }
            if (res.beiyong8 == "") {
                $(".img2").css({
                    "display": "none"
                })
            }
            if (res.beiyong9 == "") {
                $(".img3").css({
                    "display": "none"
                })
            }
            if (res.beiyong10 == "") {
                $(".img4").css({
                    "display": "none"
                })
            }
            if (res.beiyong11 == "") {
                $(".img5").css({
                    "display": "none"
                })
            }
        })
        // console.log(num)
        // $.ajax({
        //     type: 'get',
        //     url: '../goodsAndShoppingCart/getGoodsinfo.php'
        //     // dataType: 'php',
        //     success: function(res) {
        //         console.log(res);
        //         var str = res.page;
        //         console.log(str);
        //         $(".navigation-text span").html(str[num].span)
        //         $(".gname").html(str[num].gname)
        //         $(".gdesc").html(str[num].gdesc)
        //         $(".price .text-2").html(str[num].text1)
        //         $(".old-price .text-1").html(str[num].text2)
        //         $(".old-price .text-2").html(str[num].text3)
        //         $(".num .text-2").html(str[num].num)
        //             // 大图
        //         $(".bigbox img").attr("src", str[num].imgUrl)
        //         console.log($(".goods-list-img .img-box").eq(2).html())
        //         $(".img-box .img1").attr("src", str[num].imgUrl1);
        //         $(".img-box .img2").attr("src", str[num].imgUrl2);
        //         $(".img-box .img3").attr("src", str[num].imgUrl3);
        //         $(".img-box .img4").attr("src", str[num].imgUrl4);
        //         $(".img-box .img5").attr("src", str[num].imgUrl5);
        //         $(".showlarge img").attr("src", str[num].imgUrl6);

    //         // $(".bigimg").attr("src", str[num].imgUrl)
    //         // console.log(str[num]);
    //         // $("h3").html(str[num].h3)
    //         // $("a").html(str[num].a)
    //         if (str[num].imgUrl1 == "") {
    //             $(".img1").css({
    //                 "display": "none"
    //             })
    //         }
    //         if (str[num].imgUrl2 == "") {
    //             $(".img2").css({
    //                 "display": "none"
    //             })
    //         }
    //         if (str[num].imgUrl3 == "") {
    //             $(".img3").css({
    //                 "display": "none"
    //             })
    //         }
    //         if (str[num].imgUrl4 == "") {
    //             $(".img4").css({
    //                 "display": "none"
    //             })
    //         }
    //         if (str[num].imgUrl5 == "") {
    //             $(".img5").css({
    //                 "display": "none"
    //             })
    //         }

    //     }
    // })
})